<link rel="stylesheet" type="text/css" href="<?php echo base_url(); ?>/public/js/flexigrid/css/flexigrid.pack.css"/>
<script src="<?php echo base_url();?>/public/js/flexigrid/js/flexigrid.pack.js" type="text/javascript"></script>


<table class="datosDatagrip"></table>
<div id="cajaDialogo"></div>

<script>
    $('.datosDatagrip').flexigrid({
        url:'<?php echo site_url() ?>/datocliente/data/',
        dataType: 'json',
        colModel : [
            {display: 'ID', name : 'Id_Referencia', width : 0, sortable : true, align: 'center'},
            {display: 'Detalle', name :'Referencia', width : 150, sortable : true, align: 'left'},
            {display: 'Nombre Servicio', name : 'NombreServicio', width : 75, sortable : true, align: 'left'},
            {display: 'Salida', name : 'date', width : 55, sortable : true, align: 'left'},
            {display: 'Telefono', name : 'Telefono1', width : 60, sortable : true, align: 'left'},
            {display: 'Celular', name : 'Telefono2', width : 60, sortable : true, align: 'left'},
            {display: 'Contacto', name : 'Contacto', width : 90, sortable : true, align: 'left'},
            {display: 'Contacto Entrega', name : 'Entregado_A', width : 90, sortable : true, align: 'left'},           
            {display: 'Email', name : 'Email_Cia', width : 100, sortable : true, align: 'left'},
       
        ],
        searchitems : [
            {display: 'Detalle', name :'Referencia', isdefault: true},
            {display: 'Tipo Servicio', name : 'NombreServicio'},
            {display: 'Fecha Salida', name : 'date'},
            {display: 'ID', name : 'Id_Referencia'}
            
        ],
        buttons : [
            {name: 'Agregar', bclass: 'add', onpress:agregar},
            {separator: true},
            {name: 'cancelar', bclass: 'delete', onpress:cancelar},
            {separator: true},
            {name: 'Excel', bclass: 'editar', onpress:excel},
            {separator: true},
        ],
        title: "Encuestas",
        sortname: 'Id_Referencia',
        sortorder: 'asc',
        multiselect: false,
        usepager: true,
        showTableToggleBtn: true,
        rp: 10,
        useRp: true,
        width: 'auto',
        height: 'auto',
        resizable: false,
        multidatagrip:false,
        multidatagripL:false
    })
    
    function agregar(){
        
       var id = $(".trSelected #Id_Referencia div").html(); 
       
       if(id == null){
            alert("Debe seleccionar un registro.");
           
        }else{
    
             window.location.href = _site_url+"/datocliente/add/"+id;
        }
       
    }
    
    function cancelar(){
    
        var id = $(".trSelected #Id_Referencia div").html();   
        
        var referencia =$(".trSelected #Referencia div").html();
        
        if(id == null){
            alert("Debe seleccionar un registro.");
           
        }else{
            
        if (confirm("¿Realmente Decea Cancelar La Encuesta De "+referencia)) {
              
            alert("Encuesta Cancelada Exitosa Mente");
            
             $.post("<?php echo site_url() ?>/datocliente/cancelar/",{id:id}, function(retorno){
                            $('.datosDatagrip').flexReload();  
                    })
        
            }
        }
    }
    
    function excel(){
    
    window.location.href = _site_url+"/datocliente/excel/";
       
    }
    
    function mensajeError(){
     
    }
</script>
